<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="theme-color" content="#FFFFFF" />
		<title>运单详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../ui/common/css/mui.min.css?v_1.0.25" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../ui/common/css/custom.css?v_1.0.25" />
		<link rel="stylesheet" type="text/css" href="../../../ui/index/css/index.css?v_1.0.25" />
		<link rel="stylesheet" type="text/css" href="../../../ui/common/font-awesome/css/font-awesome.min.css?v_1.0.25" />
		<style>
			.info {
				background-color: #31BA25;
			}
			
			.mui-bar-nav {
				box-shadow: none;
			}
			
			#wm_note {
				width: 100%;
				padding: 5px 10px;
			}
			
			.mui-bar-tab .mui-tab-item .mui-icon {
				width: auto;
				height: 18px;
			}
		</style>
	</head>

	<body>

		<header id="header" class="mui-bar mui-bar-nav hp-bar">

			<a id="pwdBack" class="mui-action-back mui-pull-left">
				<img class="back-img" src="../../../ui/index/images/back_default.png" />
			</a>

			<h1 id="bulidTitle" class="mui-title">
				运单详情
			</h1>
		</header>

		<div class="mui-content block-area">
			<div class="info">
				<cite>运单号</cite><em id="waybillNo"></em>
				<cite>有纸化</cite><em id="paperless"></em>
				<cite>设备交接单</cite><em id="receiptCode"></em>
				<cite>预约码</cite><em id="reserveCode"></em>
				<cite>承运商</cite><em id="wm_carrier"></em>
				<cite>装车地点</cite><em id="address"></em>
				<cite>装车时间</cite><em id="time"></em>
				<cite>箱型箱量</cite><em id="coType"></em>
				<cite>船公司</cite><em id="shapCompany"></em>
				<cite>船名航次</cite><em id="shapName"></em>
				<cite>运费</cite><em id="AMTN"></em>
				<em class="qrcode fa fa-qrcode"></em>
			</div>

			<ul id="fortuneList" class="fortune-list-info">
				<!--<li>
					<h4>背箱</h4>
					<div>
						<span>高新区</span>
						<p>联系人：小孙 15865865588</p>
						<p>要求时间：2017-07-07 08:00 <em>必须</em></p>
						<cite>备注：无</cite>
					</div>
				</li>
				<li>
					<h4>验箱</h4>
					<div>
						<span>高新区</span>
						<p>联系人：小孙 15865865588</p>
						<p>要求时间：2017-07-07 08:00 <em>必须</em></p>
						<cite>备注：无</cite>
					</div>
				</li>-->
			</ul>
			<p id="wm_note">备注显示区域</p>
		</div>

		<nav id="tabTemplate" class="mui-bar mui-bar-tab">

			<div id="contacts" class="mui-tab-item mui-active">
				<img id="mainImg" class="mui-icon main-tab-icon" src="../../../ui/index/images/tongxunlu_xiao.png" />
				<span class="mui-tab-label">运单通讯录</span>
			</div>
			<div id="cancleBill" class="mui-tab-item" href="page_typeList.html">
				<img id="policyImg" class="mui-icon main-tab-icon" src="../../../ui/index/images/quxiaoyundan.png" />
				<span class="mui-tab-label">取消运单</span>
			</div>
			<div id="changeType" class="mui-tab-item" href="../order/page_orderList.html">
				<img id="resourcesImg" class="mui-icon main-tab-icon" src="../../../ui/index/images/kaishiyunshu.png" />
				<span id="billType" class="mui-tab-label">开始运输</span>
			</div>
		</nav>
		
		<div id="contactsDrop" class="mui-backdrop mui-hidden">
			<ul id="contactsList" class="contacts-list">
				<!--<li class="goto-type"><span>派车人</span><span>李雨泽</span><span>15155154515</span><img src="../../../ui/index/images/phone_default.png"></li>
				<li class="goto-type"><span>李雨泽</span><span>15155154515</span><img src="../../../ui/index/images/phone_default.png"></li>-->
				<div class="line-10px"></div>
				<button id="hiddenCon">取消</button>
			</ul>

		</div>

		<script src="../../../ui/common/js/jquery-1.10.2.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/mui.min.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/requestAddressList.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/common.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/common/js/customData.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>
		<script src="../../../ui/order/js/page_order_info.js?v_1.0.25" type="text/javascript" charset="utf-8"></script>

	</body>

</html>